<!DOCTYPE html>
<html>
 <head>
  <!--声明当前页码的编码集：charset=gbk,gb2312(中文编码),utf-8(国际编码)-->
		<meta http-equiv="content-Type" content="text/html;charset=utf-8">
		<!--当前页面的三要素-->
		<title></title>
		<meta name="keywords" content="关键词,关键词">
		<meta name="description" content="">
		<style type="text/css">
  *{margin:0;padding:0;}
  body{font-size:12px;font-family:"微软雅黑";color:#666;}
  img{border:0;display:block;}
  .mv{width:590px;height:287px;margin:100px auto;}
  .mv .m_left{float:left;width:287px;}
  .mv .m_right{float:left;width:303px;}
  .mv .m_right a{float:left;display:block;margin-left:3px;margin-bottom:3px;}
  .mv a:hover img{opacity:0.3;filter:alpha(opacity=60);}
  .mv a{text-decoration:none;display:block;position:relative;}
  .mv a span{background:#000;color:#fff;opacity:0.7;filter:alpha(opacity=70);display:inline-block;padding:5px 15px;border-radius:20px;position:absolute;bottom:5px;left:5px;}
  

  </style>
  </head>
 <body>
	<div class="mv">
		<div class="m_left">
			<a href="#">
				<img src="images/mx1.jpg" alt="刘亦菲" width="287" heght="287">
				<span>刘亦菲liuyifei</span>
			</a>
		</div>
		<div class="m_right">
			<a href="#">
				<img src="images/mx2.jpg" alt="刘亦菲" width="142" heght="142">	
				<span>嫩萝莉</span>
			</a>
			<a href="#"><img src="images/mx3.jpg" alt="刘亦菲" width="142" heght="142"><span>短发美女</span></a>
			<a href="#"><img src="images/mx4.jpg" alt="刘亦菲" width="287" heght="142"><span>海贼王</span></a>
		</div>
	</div>
  
 </body>
</html>